import { ref, computed } from 'vue'
import { defineStore } from 'pinia'

/**
 * 你可以任意命名 `defineStore()` 的返回值，但最好使用 store 的名字，同时以 `use` 开头且以 `Store` 结尾。
 * 在 Setup Store 中：
 * ref() 就是 state 属性
 * computed() 就是 getters
 * function() 就是 actions
 * https://pinia.vuejs.org/zh/core-concepts/#setup-stores
 */
export const useCounterStore = defineStore('counter', () => {
  const count = ref(0)
  const doubleCount = computed(() => count.value * 2)
  function increment() {
    count.value++
  }

  return { count, doubleCount, increment }
})
